<template>
    <div class="my-counter">
      <button type="button" class="btn btn-light" :disabled="objC.goods_count===1" @click="objC.goods_count--" >-</button>
      <input type="number" class="form-control inp"  v-model.number="objC.goods_count">
      <button type="button" class="btn btn-light" @click="objC.goods_count++">+</button>

    </div>
  </template>
  
  <script>
  export default {

    props:{
      objC:Object
    },
    watch:{
      objC:{
        deep:true,
        handler(){
          if (this.objC.goods_count<1) {
            this.objC.goods_count=1
          }
        }
      }
    }
  }
  </script>
  
  <style lang="less" scoped>
  .my-counter {
    display: flex;
    .inp {
      width: 45px;
      text-align: center;
      margin: 0 10px;
    }
    .btn, .inp{
      transform: scale(0.9);
    }
  }
  </style>